<!DOCTYPE html>
     <head>
      <title>Categories PC-Store</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <title>PC-Store-</title>
         <link href="resource/css/style.css" rel="stylesheet" type="text/css" />	
		<script src="resource/js/jquery-1.10.2.min.js"></script>
		<script src="resource/js/jquery.mobile-1.4.2.min.js"></script>
    </head>
<body>
	
<div data-role="page" id="pageone">
  <div data-role="header">
  <header>
        <div class="logo">
            <a href="home.html">
                <img src="resource/images/logo.png" />
            </a>
        </div>
		<div class="clear"></div>
    </header>
  </div>

  <div data-role="main" class="ui-content" >
     <nav class="vertical menu">
            <ul>
               <li><a href="home.html" target="_self">Home page</a></li>
                <li><a href="Categories.html" >Categories</a></li>
            </ul>
        </nav>
     <div class="Contain" id="catg" >
            <ul class="UlNav">
                <li> <a href="#"><span class="CtImg"><img src="resource/images/Destops.jpg" width="140px"/></span> <span class="CtText1">Desktops</span > </a> </li>
                <li> <a href="#"><span class="CtImg"><img src="resource/images/laptop.jpg" width="150px"></span> <span class="CtText1">Laptops &amp; Notebooks</span> </a> </li>
                <li> <a href="#"><span class="CtImg"><img src="resource/images/component.png"/></span> <span class="CtText1">Components</span> </a></li>
                <li> <a href="#"><span class="CtImg"><img src="resource/images/software.png"/></span> <span class="CtText1">Software</span> </a> </li>
                <li> <a href="#"><span class="CtImg"><img src="resource/images/Phone.png"/></span> <span class="CtText1">Phones &amp; PDAs</span> </a> </li>
                <li> <a href="#"><span class="CtImg"><img src="resource/images/camera.png"/></span> <span class="CtText1">Cameras</span> </a> </li>
                <li> <a href="#"><span class="CtImg"><img src="resource/images/mp3player.png"/></span> <span class="CtText1">MP3 Players</span> </a> </li>
            </ul>
        </div>
    <div class="cl">&nbsp;</div>
    </div>


  <div data-role="footer">
 <div id="footer">
			<div class="shell">
				<p class="bottom-menu"><a href="#" title="Home">About Us</a><span>|</span><a href="#" title="Special Offers">Privacy Policy</a><span>|</span><a href="#" title="Log In">Terms &amp; Conditions</a><span>|</span><a href="#" title="Account">Contact Us</a><span>|</span><a href="#" title="Basket">Site Map</a></p>
				<p>Copyright &copy; PC Store 2012. Design by: <a href="http://css-free-templates.com/" title="CSS Free Templates">CSS-Free-Templates</a>. All Rights Reserved. </p>
				<div class="cl">&nbsp;</div>
			</div>
		</div>
  </div>
  </div>
</body>
</html>
